<template>
  <div>
    <!-- 使用过滤器 -->
    <p>{{ newsTitle | truncateTitle }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      // 新闻标题
      newsTitle: '每天编程一小时大型 IT 公益活动'
    };
  },
  filters: {
    // 定义过滤器
    truncateTitle(value) {
      if (!value) return '';
      // 截取前9个字符，并用'.'代替后面的字符
      return value.slice(0, 9) + (value.length > 9 ? '...' : '');
    }
  }
};
</script>